<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第三个网页</title>
</head>
<body>
    第三个网页
    <p>1</p>
    <p>2</p>
    <p>3</p>
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    <div>11221</div>
    <div>11221</div>
    <div>11221</div>

    <blockquote>好好学习，天天向上!</blockquote>
    <pre>
    白日依山尽
    黄河入海流
    欲穷千里目
    更上一层楼
    </pre>
    <!-- 网页中是怎么样编辑的，在html显示的时候就如何显示 -->
    <hr style="width: 150px;">
    <!-- style="width: 150px;" css网页元素格式的设置方式 -->
    <div>dssdfsdf</div>
    <hr>
    <!-- ul>li*5 -->
    <!-- 无序列表的列表项，前面有个圆点 -->
    <ul>
        <li>地方撒山东省地方</li>
        <li>地方撒山东省地方</li>
        <li>地方撒山东省地方</li>
        <li>地方撒山东省地方</li>
        <li>地方撒山东省地方</li>
    </ul>
    <!-- ol>li*5 -->
    <!-- 无序列表的列表项，前面有个序号 -->
    <!-- 任意一个html标签分成几个部分: 标签名 <ol> ，属性 start ， 属性的值 start="3"中的 3,  内容. 对方水电费方式 -->
    <!-- <ol start="5" reversed type="I">
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
    </ol> -->
    <ol>
        <li value="5">对方水电费方式</li>
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
        <li>对方水电费方式</li>
    </ol>
    <hr>
    <dl>
        <dt>这是一份文件</dt>
        <dd>文件的详细内容1</dd>
        <dd>文件的详细内容2</dd>
    </dl>
   <!--  <img src="./1.png" alt="" width="400px" height="300px">
    <br>图1. 桂林市区图片 -->
    <!-- 为了避免这种反复调整图片和标题位置的情况 -->
    <figure>
        <figcaption>图1. 桂林市区图片</figcaption>
        <!-- alt 可替换文字 -->
        <img src="./1.png" alt="我是一张图片" width="339px" height="229px" usemap="#mymap">
        <map name="mymap">
            <!-- rect = rectange 长方形 coords cordinate  长方形的 左上角的坐标 31 x轴,28 y轴,  长方形的 右下角的坐标 112 x轴,100 y轴 -->
            <area shape="rect" coords="31,28,112,100" href="http://www.163.com" target="_blank" alt="长方形">
            <!-- area:r -->
            <!-- 确定园只需要 圆心的坐标和半径 -->
            <area shape="circle" coords="187,142,47" href="http://www.163.com" alt="">
            <area shape="poly" coords="287,26,240,66,308,112" href="http://www.qq.com" alt="">
        </map>
    </figure>
    <!-- 生成git 树状图的配置 git config alias.lg "log --all --graph --decorate --oneline" -->
    <hr>
    <h1>111</h1>
    <h2>111</h2>
    <h3>111</h3>
    <h4>111</h4>
    <h5>111</h5>
    <h6>111</h6>
    <!-- 不存在 -->
    <h7>111</h7>
    <h8>111</h8>
</body>
</html>